<template>
	<view>
		<w-navbar type="normal" background="linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%)">
			<view slot="navbar-center">时间轴</view>
		</w-navbar>
		<pageDemoBlock title="基本用法" color="#1c87e4">
			<w-timeLine>
				<w-timeLineItem v-for="(item,index) in timeLineItemList" :key="index" :icon="item.icon" :iconColor="item.iconColor">
					<view class="timeLineItem" :style="[{background:item.background}]">{{item.text}}</view>
				</w-timeLineItem>
			</w-timeLine>
		</pageDemoBlock>
	</view>
</template>

<script>
	import pageDemoBlock from '@/components/page-demo-block'
	export default {
		components:{pageDemoBlock},
		data() {
			return {
				timeLineItemList:[
					{
						icon:'icon-icon_TikTok-square',
						text:'抖音,一个旨在帮助大众用户表达自我,记录美好生活的短视频分享平台。为用户创造丰富多样的玩法,让用户在生活中轻松快速产出优质短视频。',
						iconColor:'#1C0B1B',
						background:'#1C0B1B'
					},
					{
						icon:'icon-icon_bilibili-square',
						text:'哔哩哔哩（Nasdaq:BILI；英文名称：bilibili，简称B站）现为中国年轻世代高度聚集的文化社区和视频平台',
						iconColor:'#26ACE3',
						background:'#26ACE3'
					},
					{
						icon:'icon-icon_qq-square',
						text:'QQ，是腾讯QQ的简称，是一款基于互联网的即时通信软件。QQ已经覆盖了Windows、macOS、Android、iOS、Windows Phone、Linux等多种主流平台。其标志是一只戴着红色围巾的小企鹅。',
						iconColor:'#FCAF09',
						background:'#FCAF09'
					},
					{
						icon:'icon-icon_wechat-square',
						text:'微信（WeChat） 是腾讯公司于2011年1月21日推出的一个为智能终端提供即时通讯服务的免费应用程序，由张小龙所带领的腾讯广州研发中心产品团队打造 。',
						iconColor:'#01BC0D',
						background:'#01BC0D'
					},
					{
						icon:'icon-icon_weibo-square',
						text:'微博是指一种基于用户关系信息分享、传播以及获取的通过关注机制分享简短实时信息的广播式的社交媒体、网络平台。允许用户通过Web、Wap、Mail、App、IM、SMS以及用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。',
						iconColor:'#F3211D',
						background:'#F3211D'
					},
					
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
.timeLineItem{
	background-color: #39B54A;
	color: #fff;
	width: 100%;
	padding: 30rpx;
	margin: 20rpx 0;
}
</style>
